$(document).ready(function() {
	//~css样式的操作=====================================================================
	//让表单的左边的td向右对齐
	$('#registerform tr td:first-child').css('text-align', 'right');

	//~上传图片操作=====================================================================
	// 全局配置（这样就不必每次初始化时都加上下面的设置）
	$.jUploader.setDefaults({
	    cancelable: true, // 可取消上传
	    allowedExtensions: ['jpg', 'png', 'gif'], // 只允许上传图片
	    messages: {
	        upload: '上传图片',
	        cancel: '取消上传',
	        emptyFile: "{file} 为空，请选择一个文件.",
	        invalidExtension: "{file} 后缀名不合法. 只有 {extensions} 是允许的.",
	        onLeave: "文件正在上传，如果你现在离开，上传将会被取消。"
	    }
	});

	$.jUploader({
	    button: 'uploadbutton', // 这里设置按钮id
	    action: 'headupload', // 这里设置上传处理接口
	
	    // 开始上传事件
	    onUpload: function (fileName) {
	        $('#uploadinfo').text('正在上传 ' + fileName + ' ...');
	    },
	
	    // 上传完成事件
	    onComplete: function (fileName, response) {
	        // response是json对象，格式可以按自己的意愿来定义，例子为： { success: true, fileUrl:'' }
	        if (response.success) {
	            $('#headportraitimg').attr('src', '../img/headtemp/' + response.path);
	            $('#uploadinfo').text(fileName + ' 上传成功。');
	        } else {
	            $('#uploadinfo').text('上传失败');
	        }
	    },
	
	    // 取消上传事件
	    onCancel: function (fileName) {
	        $('#uploadinfo').text(fileName + ' 上传取消。');
	    },
	
	    // 系统信息显示（例如后缀名不合法）
	    showMessage: function (message) {
	        alert(message);
	    }
	});

	//~提交表单操作=====================================================================
	function getFormData() {
		var data = {};
		$('#registerTable input').each(function(index,input) {
			data[$(input).attr('name')] = $(input).val();
		});
		data['sex'] = $('#sexSelect').val()=='null'?null:$('#sexSelect').val();
		var imageFullAdd = $('#headportraitimg').attr('src');
		var urlIndex = imageFullAdd.lastIndexOf('/');
		var fileName = imageFullAdd.substr(urlIndex + 1);
		data['fileName'] = fileName;
		return data;
	};
	
	$('#submitButton').click(function(){
		var data = getFormData();
		console.log(data);
		$.post('user',data,function(response) {
			//console.log(response);
			if (response.success == false) {
				$('#registerError').html('');
				if (response.errors) {
					for (error in response.errors) {
						$('#registerError').append(response.errors[error] + '<br>');
					}
				} else if (response.fileNotFound == true) {
					alert('头像文件已经丢失,此情况极少发生,请重新注册!');
					location.reload();
				}
			} else if (response.success == true) {
				location.href = '/starfood/register/success';
			} else {
				alert('注册出现未知错误,请重新注册!');
				location.reload();
			}
		});
	});
	
	//~表单验证操作=====================================================================
	//账号要唯一
	$('#inputAccountName').blur(function() {
		var name = $(this).val();
		$.get('accountexists/' + name, function(response) {
			if (response.success == true && response.isExists == false) {
				$('#spanAccountName').html('账号合符规范');
			} else {
				$('#spanAccountName').html('账号已经存在');
			}
		});
	});
	//昵称要唯一
	$('#inputNickName').blur(function() {
		var name = $(this).val();
		$.get('usernicknameexists/' + name, function(response) {
			if (response.success == true && response.isExists == false) {
				$('#spanNickName').html('昵称合符规范');
			} else {
				$('#spanNickName').html('昵称已经存在');
			}
		});
	});
});